let cssConfig = {};

if (process.env.NODE_ENV == "production") {
    cssConfig = {
        extract: {
            filename: "[name].css",
            chunkFilename: "[name].css"
        }
    };
}

module.exports = {
    chainWebpack: config => {
        let limit = 9999999999999999;
        config.module
            .rule("images")
            .test(/\.(png|gif|jpg)(\?.*)?$/i)
            .use("url-loader")
            .loader("url-loader")
            .tap(options => Object.assign(options, { limit: limit }));
        config.module
            .rule("fonts")
            .test(/\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/i)
            .use("url-loader")
            .loader("url-loader")
            .options({
                limit: limit
            });
    },
    css: cssConfig,
    configureWebpack: {
        output: {
            filename: "[name].js"
        },
        optimization: {
            splitChunks: false
        }
    },
    devServer: {
        disableHostCheck: true
    }
};
